<template>
    <div class="ShareBox">
        <img src="@/assets/img/share1.png">
        <img src="@/assets/img/share2.png">
        <img src="@/assets/img/share3.png">
        <img src="@/assets/img/share4.png">
        <img src="@/assets/img/share5.png">
        <div style="height:1.14rem" v-show='isShowBtn'></div>
        <div class="footerBtn flex flex-align-center" v-show='isShowBtn'>
           <div class="flex flex-align-center" style="padding:0 0.12rem;" v-if='isGuanzhu'>
                <div class="footer-btn flex flex-align-center flex-pack-center" @click="Guanzhu">
                    <p>关注微信公众号</p>
                </div>
                <div class="footer-btn flex flex-align-center flex-pack-center" @click="Join">
                    <p>申请成为服务商</p>
                </div>
            </div>
            <!-- 已关注用户进入 -->
            <div class="bnh-login-btn flex flex-align-center flex-pack-center bnh-cw-btn" @click="Join" v-else='isGuanzhu'>
                <p>立即申请</p>
            </div>
        </div>
    </div>
</template>
<script>
import utils from '../utils/utils'
export default {
    created(){ //页面初始化时修改网页标题
            window.document.title = '邀请';
            if(utils.getQueryString('dealerId') != undefined){
                this.isShowBtn = false;
            }
    },
    data(){
        return{
            isShowBtn: true,
            isGuanzhu: true,
        }
    },
    methods:{
        Join(){
             this.$router.push({ path: '/pay?dealerId='+ utils.getQueryString('dealerId')});
        },
        Guanzhu(){
            window.location.href = 'https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU2MTU1NTgxMg==&scene=124#wechat_redirect';
        }
    }
}
</script>
<style scoped>
.ShareBox img{display: block;width: 7.5rem;height: auto;}
.footerBtn{height:1.14rem;width: 100%;background: #302d3e;position: fixed;left: 0;bottom: 0;}
.footer-btn{height: 0.94rem;width: 3.4rem;background: #ffaf3c;border-radius: 25px;color: #fff;font-size: 0.32rem;margin: 0 5px}
.bnh-login-btn{height: 0.95rem;width: 7rem;margin: 0 auto;border-radius: 25px;background: #ffaf3c;color: #fff;font-size: 0.32rem;}
</style>


